<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>我的登录页面</title>
        <!-- head区加载css -->
        <!-- 无论加载css,还是js,都是先加载插件,最后加载自己的css或js -->
        <link rel="stylesheet" href="./assets/lib/layui/css/layui.css" />
        <link rel="stylesheet" href="./assets/css/login.css" />
    </head>
    <body>
        <!-- logo图片 -->
        <img src="./assets/images/logo.png" alt="" id="logo" />
        <!-- 登录的盒子 start -->
        <div class="box login">
         <!-- 盒子的标题 -->
            <div class="box-title">大事件后台管理系统</div>
        <!-- 登录的表单 开始 -->
            <form class="layui-form" action="">
                <!-- 1.名字 -->
                <div class="layui-form-item">
                    <i class="layui-icon layui-icon-username"></i>   
                    <input
                            type="text"
                            name="username"
                            required
                            lay-verify="required"
                            placeholder="请输入用户名"
                            autocomplete="off"
                            class="layui-input"
                        />
                    </div>
                    <!-- 2.密码 -->
                    <div class="layui-form-item">
                        <i class="layui-icon layui-icon-password"></i>   
                        <input
                                type="password"
                                name="password"
                                required
                                lay-verify="required"
                                placeholder="请输入密码"
                                autocomplete="off"
                                class="layui-input"
                            />
                        </div>
                    <!-- 3.按钮 -->
                    <div class="layui-form-item">
                        <button class="layui-btn layui-btn-fluid layui-bg-blue" lay-submit lay-filter="formDemo">立即提交</button>
                        </div>
                    <!-- 4.a链接 -->
                    <div class="layui-form-item">
                        <a href="javascript:;" class="wihte">去注册账号</a>
                        </div>
                    
                </div>
            </form>
            <!-- 登录的表单 结束 -->
        </div>
        <!-- 登录的盒子 end -->
        <!-- 注册盒子 开始-->
        <div class="box register">
            <!-- 盒子的标题 -->
               <div class="box-title">大事件后台管理系统</div>
           <!-- 注册的表单 开始 -->
               <form class="layui-form" action="">
                   <!-- 1.名字 -->
                   <div class="layui-form-item">
                       <i class="layui-icon layui-icon-username"></i>   
                       <input
                               type="text"
                               name="username"
                               required
                               lay-verify="required"
                               placeholder="请输入用户名"
                               autocomplete="off"
                               class="layui-input"
                           />
                       </div>
                       <!-- 2.密码 -->
                       <div class="layui-form-item">
                           <i class="layui-icon layui-icon-password"></i>   
                           <input
                                   type="password"
                                   name="password"
                                   required
                                   lay-verify="required|len"
                                   placeholder="请输入密码"
                                   autocomplete="off"
                                   class="layui-input"
                               />
                           </div>
                           <!-- 3.确认密码 -->
                           <div class="layui-form-item">
                            <i class="layui-icon layui-icon-password"></i>   
                            <input
                                    type="password"                                  
                                    required
                                    lay-verify="required|same"
                                    placeholder="请再次输入密码"
                                    autocomplete="off"
                                    class="layui-input pwd"
                                />
                            </div>
                       <!-- 4.按钮 -->
                       <div class="layui-form-item">
                           <button class="layui-btn layui-btn-fluid layui-bg-blue" lay-submit lay-filter="formDemo">立即注册</button>
                           </div>
                       <!-- 5.a链接 -->
                       <div class="layui-form-item">
                           <a href="javascript:;" class="wihte">去登录</a>
                           </div>
                       
                   </div>
               </form>
               <!-- 登录的表单 结束 -->
           </div>
        <!-- 注册盒子 结束-->

        <!-- body区加载js -->
        <script src="./assets/lib/layui/layui.all.js"></script>
        <script src="./assets/lib/jquery.js"></script>
        <script src="./assets/js/common.js"></script>
        <script src="./assets/js/login.js"></script>
    </body>
</html>
